<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width"/>
    <meta name="author" content="www.lzqcode.com"/>
    <meta name="robots" content="all"/>
    <title>板块帖子列表</title>
    <link rel="stylesheet" th:href="@{/static/desk/font-awesome/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/static/desk/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/static/desk/css/master.css}"/>
    <link rel="stylesheet" th:href="@{/static/desk/css/gloable.css}"/>
    <link rel="stylesheet" th:href="@{/static/desk/css/nprogress.css}"/>
    <link rel="stylesheet" th:href="@{/static/desk/css/blog.css}"/>
</head>
<body>
<div class="header">
</div>
<header th:insert="front_template :: header"></header>

<div class="doc-container" id="doc-container">
    <div class="container-fixed">
        <div class="col-content">
            <div class="inner">
                <article class="article-list bloglist" id="LAY_bloglist">
                    <section class="article-item zoomIn article">
                        <div class="" style="margin-top: 10px;">
                            <a href="read.html" class="img-light" style="float: left;margin-right: 25px;">
                                <img width="100px" height="100px" alt="分类图片" th:src="@{plate.plateImg}">
                            </a>
                            <h2 style="font-size: 25PX;line-height: 1.6;font-weight: 600;" th:text="${plate.plateName}">

                            </h2>
                            <span style="line-height: 20px;color: #646464;height: 60px;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;">
                                <span th:text="${plate.description}"></span>
										<button onclick="alert(1)" type="button" style="cursor:pointer;font-size: 15px;color: #8590a6;background-color: transparent;line-height: inherit;height: auto;">查看全部内容</button>
									</span>
                        </div>
                        <button style="cursor:pointer;margin-top: 20px;padding: 8px 21px;border-radius: 5%;background-color: #06f;color: white;font-size: 15px;" type="button">关注板块</button>
                        <button style="cursor:pointer;text-align: center;text-align: center;background: none;font: inherit;color: #76839b;margin-left: 20px;">
                            <span class="fa fa-paper-plane"></span>
                            <span>分享</span>
                        </button>
                    </section>
                    <section class="article-item zoomIn article" th:each="map:${articles}">
                        <h5 class="title">
                            <span class="fc-blue">【原创】</span>
                            <a th:href="@{|/article/detail/${map.article.id}|}" th:utext="${map.article.title}"></a>
                        </h5>
                        <div class="" style="margin-top: 10px;">
                            <a href="article_read.html" class="img-light" style="float: left;margin-right: 10px;">
                                <img th:src="${map.article.articleImg}" width="80px" height="80px">
                            </a>
                            <span style="line-height: 20px;width:300px;height:20px;overflow:hidden;text-overflow:ellipsis;"
                                  th:text="${#strings.abbreviate(map.article.digest,250)}">
								</span>
                        </div>
                        <aside class="f-oh footer">

                            <div class="f-fl tags" style="margin-top: 10px;">
                                <img width="18px" height="18px" style="border-radius: 50%;margin-right: 5px"
                                     th:src="${map.user.avatarUrl}">
                                <span class="read">
											<a th:href="@{/}" style="color: #0053a1;"
                                               th:text="${map.user.realName}"></a>
										</span>
                                <span class="ml20">
										<i class="fa fa-calendar" aria-hidden="true"></i>
										<i class="num"
                                           th:text="${#dates.format(map.article.createDate,'yyyy-MM-dd')}"></i>
										</span>
                                <span class="ml20">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">213</i>
									</span>
                                <span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
                            </div>
                        </aside>
                    </section>
                </article>
            </div>
        </div>
        <div class="col-other">
            <div class="inner">
                <div class="other-item" id="categoryandsearch">
                    <div class="search">
                        <label class="search-wrap">
                            <input type="text" id="searchtxt" placeholder="输入关键字搜索"/>
                            <span class="search-icon">
					                <i class="fa fa-search"></i>
					            </span>
                        </label>
                        <ul class="search-result"></ul>
                    </div>
                    <ul class="category mt20" id="category">
                        <li data-index="0" class="slider"></li>
                        <li data-index="1"><a th:href="@{../../static/desk//Blog/Article}">全部文章</a></li>
                        <li data-index="2"><a th:href="@{../../static/desk//Blog/Article/1/}">Java</a></li>
                        <li data-index="3"><a th:href="@{../../static/desk//Blog/Article/2/}">前端</a></li>
                        <li data-index="4"><a th:href="@{../../static/desk//Blog/Article/3/}">Python</a></li>
                        <li data-index="5"><a th:href="@{../../static/desk//Blog/Article/4/}">PHP</a></li>
                        <li data-index="6"><a th:href="@{../../static/desk//Blog/Article/5/}">其它</a></li>
                    </ul>
                </div>
                <!--右边悬浮 平板或手机设备显示-->
                <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
                <div class="article-category">
                    <div class="article-category-title">分类导航</div>
                    <a th:href="@{../../static/desk//Blog/Article/1/}">Java</a>
                    <a th:href="@{../../static/desk//Blog/Article/2/}">前端</a>
                    <a th:href="@{../../static/desk//Blog/Article/3/}">Python</a>
                    <a th:href="@{../../static/desk//Blog/Article/4/}">PHP</a>
                    <a th:href="@{../../static/desk//Blog/Article/5/}">其它</a>
                    <div class="f-cb"></div>
                </div>
                <!--遮罩-->
                <div class="blog-mask animated layui-hide"></div>
                <div class="other-item">
                    <h5 class="other-item-title">热门文章</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            <li><a th:href="@{../../static/desk//Blog/Read/9}">SpringBoot 入门爬虫项目实战</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/12}">SpringBoot 2.x 教你快速入门</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/13}">java学习路线</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/4}">基于SpringBoot+JWT+Redis跨域单点登录的实现</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/7}">SpringBoot 中如何使用SwaggerAPI接口文档？</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/11}">小白轻松入门Redis</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/14}">微信一键登录功能的实现</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/8}">NPOI导入导出Excel</a></li>
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">置顶推荐</h5>
                    <div class="inner">
                        <ul class="hot-list-article">
                            <li><a th:href="@{../../static/desk//Blog/Read/16}">java学习路线</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/14}">基于SpringBoot+JWT+Redis跨域单点登录的实现</a></li>
                            <li><a th:href="@{../../static/desk//Blog/Read/9}">小白轻松入门Redis</a></li>
                        </ul>
                    </div>
                </div>
                <div class="other-item">
                    <h5 class="other-item-title">最近访客</h5>
                    <div class="inner">
                        <dl class="vistor">
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a1.png}"><cite>Anonymous</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a4.png}"><cite>Dekstra</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a2.png}"><cite>惜i</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a3.png}"><cite>↙Aㄨ计划 ◆莪↘</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a4.png}"><cite>.</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a1.png}"><cite>Lambert.</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a2.png}"><cite>64ღ</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a3.png}"><cite>doBoor</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a4.png}"><cite>毛毛小妖</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a1.png}"><cite>NULL</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a2.png}"><cite>吓一跳</cite></a></dd>
                            <dd><a th:href="@{../../static/desk/javascript:void(0)}"><img
                                    th:src="@{../static/desk/image/a3.png}"><cite>如初</cite></a></dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer th:insert="front_template :: footer"></footer>

<script th:src="@{/static/desk/layui/layui.js}"></script>
<script th:src="@{/static/desk/js/yss/gloable.js}"></script>
<script th:src="@{/static/desk/js/plugins/nprogress.js}"></script>
<script>NProgress.start();</script>
<script th:src="@{/static/desk/js/yss/article.js}"></script>
<script>
    window.onload = function () {
        NProgress.done();
    };
    layui.use('element', function () {
        var element = layui.element;

        //…
    });
</script>
</body>
</html>
